{% extends "website/staff/staff_base.html" %}
{% block staff_content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">🧑‍⚕️</div>
      <div>
        <h1 class="h1" style="margin:0">{{ title }}</h1>
        <div class="small">Define a role for applicants.</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn" href="{% url 'website:staff_position_list' %}">← Back</a>
      </div>
    </div>
    <div class="sep"></div>

    <form method="post">
      {% csrf_token %}
      <div class="grid" style="grid-template-columns:1fr 1fr;gap:12px">
        <div>
          <label class="label">Title</label>
          {{ form.title }}
        </div>
        <div>
          <label class="label">Role type</label>
          {{ form.role_type }}
        </div>
      </div>

      <div style="margin-top:12px">
        <label class="label">Description</label>
        {{ form.description }}
      </div>

      <div class="grid" style="grid-template-columns:1fr 1fr;gap:12px;margin-top:12px">
        <div>
          <label class="label">Requirements</label>
          {{ form.requirements }}
        </div>
        <div>
          <label class="label">Active?</label>
          {{ form.is_active }}
        </div>
      </div>

      <div style="display:flex;gap:10px;justify-content:flex-end;margin-top:14px">
        <button class="btn" type="submit">Save</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}